<script setup lang="ts">
const appStore = useAppStore()
</script>

<template>
  <a-config-provider
    :theme="appStore.theme"
  >
    <RouterView />
  </a-config-provider>
</template>


<style lang="less">
/* 设置滚动条整体样式 */
::-webkit-scrollbar {
    width: 5px; /* 滚动条宽度 */
    height: 5px; /* 滚动条高度 */
    background-color: rgba(0, 0, 0, 0.2); /* 滚动条背景色，设置为半透明黑色 */
}

/* 设置滚动条滑块样式 */
::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.5); /* 滑块颜色，设置为半透明白色 */
    border-radius: 5px; /* 滑块圆角 */
}

/* 设置滚动条轨道样式 */
::-webkit-scrollbar-track {
    background-color: transparent; /* 轨道颜色，设置为透明 */
    border-radius: 5px; /* 轨道圆角 */
}


:deep(.ant-card-header) {
  border-radius: 3px !important;
}

:deep(.ant-card-body) {
  border-radius: 3px !important;
}
</style>